.chart_zoom {
  position: relative;
  width: 100%;
  height: 70px;
  background: #55595e;
  * {
    user-select: none;
  }
  &__scroll {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: auto hidden;
    transition: all 1s linear;
    &::-webkit-scrollbar {
      width: 0 !important;
      height: 0 !important;
    }
  }
  &__nav {
    display: flex;
    width: 100%;
    height: 20px;
    > div {
      flex: 1 1;
      font-weight: 500;
      font-size: 12px;
      line-height: 20px;
      text-align: center;
      background: #686868;
    }
    > div + div {
      margin-left: 1px;
    }
  }
  &__chart {
    width: 100%;
    height: 50px;
    cursor: default;
  }
  &__theme {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    .arrow_left,
    .arrow_right {
      position: absolute;
      z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 100%;
      background: rgba(255, 255, 255, 0.4);
      cursor: pointer;
    }
    .arrow_left {
      top: 0;
      left: 0;
      &::after {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-right: 6px solid #fff;
        border-bottom: 8px solid transparent;
        content: '';
      }
    }
    .arrow_right {
      top: 0;
      right: 0;
      &::after {
        width: 0;
        height: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 6px solid #fff;
        content: '';
      }
    }
  }
}

.thumbWrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  .thumb {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #cacaca;
    box-shadow: 4px 0 4px rgba(0, 0, 0, 0.4);
    cursor: grab;
    &.dragging {
      cursor: grabbing;
    }
  }
}
